Ext.define('Jason.view.component.radio.MainView',{
	extend: 'Ext.panel.Panel',
	xtype : 'componentRadioView',
    requires: [
        'Ext.form.field.Radio',
        'Ext.form.RadioGroup'
    ],
	items:[{
        xtype: 'container',
        margin: 7,
        defaults: { margin: 3 },
        html:'<b style="font-weight: bold;font-size: 16px;">概述</b><br />基本组件-单选框。主要用于一组可选项单项选择，或者单独用于切换到选中状态。'
    },{
        xtype : 'fieldset',
        margin:7,title:'效果展示',
        collapsible: true,
        defaultType: 'radiofield',
        defaults: {anchor: '100%'},
        items:[{
            boxLabel:'radiofield'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'radioRroup',
            vertical: true,
            items: [
                { boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
                { boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
                { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
                { boxLabel: 'Item 4', name: 'rb', inputValue: '4' },
                { boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
                { boxLabel: 'Item 6', name: 'rb', inputValue: '6' }
            ]
        },{
            xtype: 'radiogroup',
            fieldLabel: 'radioRroup按钮样式',
            vertical: true,
            items: [
                { boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
                { boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
                { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
                { boxLabel: 'Item 4', name: 'rb', inputValue: '4' }
            ]
        }]
    },]
});